<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/11/16
  Time: 10:38
  To change this template use File | Settings | File Templates.
--%>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/11/4
  Time: 17:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Checkout</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="aStar Fashion Template Project">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.3/bootstrap.css">
    <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
    <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
    <link rel="stylesheet" type="text/css" href="styles/checkout.css">
    <link rel="stylesheet" type="text/css" href="styles/checkout_responsive.css">
    <style type="text/css">
        .address{
            border: black solid 1px;
            width:780px;
            height: 700px;
            position: absolute;
            top: 600px;
            left: 375px;
            background-color: #edf4f6;
            display: none;
        }
    </style>
</head>
<body>

<div class="super_container">

    <!-- Header -->

    <jsp:include page="menu.jsp"></jsp:include>

    <!-- Home -->

    <div class="home">
        <div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/checkout.jpg" data-speed="0.8"></div>
        <div class="home_container">
            <div class="home_content">
                <div class="home_title">Checkout</div>
                <div class="breadcrumbs">
                    <ul class="d-flex flex-row align-items-center justify-content-start">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="cart.html">Your Cart</a></li>
                        <li>Checkout</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Checkout -->

    <div class="checkout">
        <div class="section_container">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="checkout_container d-flex flex-xxl-row flex-column align-items-start justify-content-start">

                            <!-- Billing -->
                            <div class="billing checkout_box">

                                    <div class="checkout_title">Billing Address</div>
                                <div id="myad">
                                    <c:forEach items="${addresslist}" var="add">
                                    <input type="checkbox" style="width: 12px;height: 12px" name="addressid" value="${add.addressid}"><label style="font-size: 14px"> ****${add.address}*****</label><button type="button" id="btn11" value="${add.addressid}">修改</button> <br>
                                    </c:forEach>
                                </div>
                                    <c:forEach items="${evecheck}" var="eve">
                                    <input type="hidden" name="evecheck" value="${eve}">
                                    </c:forEach>
                                    <input type="hidden" name="type" value="${type}">
                                    <div class="checkout_button trans_200" id="btn01"><a href="javascript:void(0)">新建</a></div>
                                    <div class="checkout_form_container" style="display: none" id="div01" >
                                        <form  id="checkout_form" class="checkout_form">
                                            <input type="hidden" name="cid" value="${customerinfo.cid}">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <!-- Name -->
                                                <label for="checkout_name">姓名*</label>
                                                <input type="text" id="checkout_name" class="checkout_input" required="required" name="cname">
                                            </div>
                                            <div class="col-lg-6">
                                                <!-- Last Name -->
                                                <label for="checkout_last_name">电话*</label>
                                                <input type="text" id="checkout_last_name" class="checkout_input" required="required" name="cphone">
                                            </div>
                                        </div>
                                        <div>
                                            <!-- Company -->
                                            <label for="checkout_company">国家</label>
                                            <input type="text" id="checkout_company" class="checkout_input" name="acountry">
                                        </div>

                                        <div>
                                            <!-- Address -->
                                            <label for="checkout_address">省*</label>
                                            <input type="text" id="checkout_address" class="checkout_input" required="required" name="aprovince">
                                        </div>
                                        <div>
                                            <!-- Zipcode -->
                                            <label for="checkout_zipcode">市*</label>
                                            <input type="text" id="checkout_zipcode" class="checkout_input" required="required" name="acity">
                                        </div>

                                        <div>
                                            <!-- Phone no -->
                                            <label for="checkout_phone">详细地址*</label>
                                            <input type="phone" id="checkout_phone" class="checkout_input" required="required" name="address">
                                        </div>
                                        <div class="checkout_button trans_200" id="btn05"><a href="javascript:void(0)">保存</a></div>
                                </form>
                                    </div>

                            </div>

                            <!-- Cart Total -->
                            <div class="cart_total">
                                <form  id="hhh">
                                <div class="cart_total_inner checkout_box" id="ulid" >

                                    <div class="checkout_title">个人信息</div>
                                        <input type="hidden" value="${cus.cid}">
                                    <ul class="cart_extra_total_list" >
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">头像</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.cimage}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">姓名</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.cname}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">昵称</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.caccount}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">邮箱</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.cemail}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">电话</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.cphone}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">性别</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.csex}</div>
                                        </li>
                                        <li class="d-flex flex-row align-items-center justify-content-start">
                                            <div class="cart_extra_total_title">个性签名</div>
                                            <div class="cart_extra_total_value ml-auto">${cus.cdesc}</div>
                                        </li>
                                    </ul>

                                    <div class="checkout_button trans_200" id="orderInsert"><a href="javascript:void(0)">编辑</a></div>

                                </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Newsletter -->

    <div class="newsletter">
        <div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/newsletter.jpg" data-speed="0.8"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <div class="newsletter_content text-center">
                        <div class="newsletter_title_container">
                            <div class="newsletter_title">subscribe to our newsletter</div>
                            <div class="newsletter_subtitle">we won't spam, we promise!</div>
                        </div>
                        <div class="newsletter_form_container">
                            <form action="#" id="newsletter_form" class="newsletter_form">
                                <input type="email" class="newsletter_input" placeholder="your e-mail here" required="required">
                                <button class="newsletter_button">submit</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer -->

    <footer class="footer">
        <div class="footer_content">
            <div class="section_container">
                <div class="container">
                    <div class="row">

                        <!-- About -->
                        <div class="col-xxl-3 col-md-6 footer_col">
                            <div class="footer_about">
                                <!-- Logo -->
                                <div class="footer_logo">
                                    <a href="#"><div>a<span>star</span></div></a>
                                </div>
                                <div class="footer_about_text">
                                    <p>Donec vitae purus nunc. Morbi faucibus erat sit amet congue mattis. Nullam fringilla faucibus urna, id dapibus erat iaculis ut. Integer ac sem.</p>
                                </div>
                                <div class="cards">
                                    <ul class="d-flex flex-row align-items-center justify-content-start">
                                        <li><a href="#"><img src="images/card_1.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="images/card_2.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="images/card_3.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="images/card_4.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="images/card_5.jpg" alt=""></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Questions -->
                        <div class="col-xxl-3 col-md-6 footer_col">
                            <div class="footer_questions">
                                <div class="footer_title">questions</div>
                                <div class="footer_list">
                                    <ul>
                                        <li><a href="#">About us</a></li>
                                        <li><a href="#">Track Orders</a></li>
                                        <li><a href="#">Returns</a></li>
                                        <li><a href="#">Jobs</a></li>
                                        <li><a href="#">Shipping</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Partners</a></li>
                                        <li><a href="#">Bloggers</a></li>
                                        <li><a href="#">Support</a></li>
                                        <li><a href="#">Terms of Use</a></li>
                                        <li><a href="#">Press</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Blog -->
                        <div class="col-xxl-3 col-md-6 footer_col">
                            <div class="footer_blog">
                                <div class="footer_title">blog</div>
                                <div class="footer_blog_container">

                                    <!-- Blog Item -->
                                    <div class="footer_blog_item d-flex flex-row align-items-start justify-content-start">
                                        <div class="footer_blog_image"><a href="blog.html"><img src="images/footer_blog_1.jpg" alt=""></a></div>
                                        <div class="footer_blog_content">
                                            <div class="footer_blog_title"><a href="blog.html">what shoes to wear</a></div>
                                            <div class="footer_blog_date">june 06, 2018</div>
                                            <div class="footer_blog_link"><a href="blog.html">Read More</a></div>
                                        </div>
                                    </div>

                                    <!-- Blog Item -->
                                    <div class="footer_blog_item d-flex flex-row align-items-start justify-content-start">
                                        <div class="footer_blog_image"><a href="blog.html"><img src="images/footer_blog_2.jpg" alt=""></a></div>
                                        <div class="footer_blog_content">
                                            <div class="footer_blog_title"><a href="blog.html">trends this year</a></div>
                                            <div class="footer_blog_date">june 06, 2018</div>
                                            <div class="footer_blog_link"><a href="blog.html">Read More</a></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <!-- Contact -->
                        <div class="col-xxl-3 col-md-6 footer_col">
                            <div class="footer_contact">
                                <div class="footer_title">contact</div>
                                <div class="footer_contact_list">
                                    <ul>
                                        <li class="d-flex flex-row align-items-start justify-content-start"><span>C.</span><div>Your Company Ltd</div></li>
                                        <li class="d-flex flex-row align-items-start justify-content-start"><span>A.</span><div>1481 Creekside Lane  Avila Beach, CA 93424, P.O. BOX 68</div></li>
                                        <li class="d-flex flex-row align-items-start justify-content-start"><span>T.</span><div>+53 345 7953 32453</div></li>
                                        <li class="d-flex flex-row align-items-start justify-content-start"><span>E.</span><div>office@youremail.com</div></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Social -->
        <div class="footer_social">
            <div class="section_container">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="footer_social_container d-flex flex-row align-items-center justify-content-between">
                                <!-- Instagram -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-instagram" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">instagram</div>
                                    </div>
                                </a>
                                <!-- Google + -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-google-plus" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">google +</div>
                                    </div>
                                </a>
                                <!-- Pinterest -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-pinterest" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">pinterest</div>
                                    </div>
                                </a>
                                <!-- Facebook -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-facebook" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">facebook</div>
                                    </div>
                                </a>
                                <!-- Twitter -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-twitter" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">twitter</div>
                                    </div>
                                </a>
                                <!-- YouTube -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-youtube" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">youtube</div>
                                    </div>
                                </a>
                                <!-- Tumblr -->
                                <a href="#">
                                    <div class="footer_social_item d-flex flex-row align-items-center justify-content-start">
                                        <div class="footer_social_icon"><i class="fa fa-tumblr-square" aria-hidden="true"></i></div>
                                        <div class="footer_social_title">tumblr</div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Credits -->
        <div class="credits">
            <div class="section_container">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="credits_content d-flex flex-row align-items-center justify-content-end">
                                <div class="credits_text">
                                    Copyright &copy;<script>document.write(new Date().getFullYear());</script> - Colorlib All rights reserved | More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

</div>
<div id="ddd" class="address">
    <form id="qpdateAd">
        <div class="row">
            <input type="hidden" name="addressid">
            <div class="col-lg-6">
                <!-- Name -->
                <label for="checkout_name">姓名*</label>
                <input type="text" value="${customerinfo.cname}"  class="checkout_input" required="required" name="cname">
            </div>
            <div class="col-lg-6">
                <!-- Last Name -->
                <label for="checkout_last_name">电话*</label>
                <input type="text" value="${customerinfo.cphone}" class="checkout_input" required="required" name="cphone">
            </div>
        </div>
        <div>
            <!-- Company -->
            <label for="checkout_company">国家</label>
            <input type="text"  class="checkout_input" name="acountry">
        </div>

        <div>
            <!-- Address -->
            <label for="checkout_address">省*</label>
            <input type="text"  class="checkout_input" required="required" name="aprovince">
        </div>
        <div>
            <!-- Zipcode -->
            <label for="checkout_zipcode">市*</label>
            <input type="text"  class="checkout_input" required="required" name="acity">
        </div>

        <div>
            <!-- Phone no -->
            <label for="checkout_phone">详细地址*</label>
            <input type="phone"  class="checkout_input" required="required" name="address">
        </div>
        <div class="checkout_button trans_200" id="btn04"><a href="javascript:void(0)">保存修改</a></div>
    </form>
</div>

<script src="js/jquery-3.2.1.min.js"></script>
<script src="styles/bootstrap-4.1.3/popper.js"></script>
<script src="styles/bootstrap-4.1.3/bootstrap.min.js"></script>
<script src="plugins/greensock/TweenMax.min.js"></script>
<script src="plugins/greensock/TimelineMax.min.js"></script>
<script src="plugins/scrollmagic/ScrollMagic.min.js"></script>
<script src="plugins/greensock/animation.gsap.min.js"></script>
<script src="plugins/greensock/ScrollToPlugin.min.js"></script>
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
<script src="plugins/easing/easing.js"></script>
<script src="plugins/parallax-js-master/parallax.min.js"></script>
<script src="js/checkout.js"></script>
<script type="application/javascript">
    $(document).ready(function(){
        $("#btn01").click(function () {
            $("#div01").css("display","block");
        })

        $("#btn11").click(function () {
            var addressid = $(this).attr("value");
            $.ajax({
                type:"get",
                url:"${pageContext.request.contextPath}/queryAdById.do",
                data:{
                    "addressid":addressid
                },
                success:function (result) {
                    $("#ddd").css("display","block");
                    $("input[name='acountry']").val(result.acountry);
                    $("input[name='aprovince']").val(result.aprovince);
                    $("input[name='acity']").val(result.acity);
                    $("input[name='address']").val(result.address);
                    $("input[name='addressid']").val(result.addressid);
                }
            })
        })

        $("#btn04").click(function(){
            var alldata = $("#qpdateAd").serializeArray();
            $("#ddd").css("display","none");
            $.ajax({
                type:"post",
                url:"${pageContext.request.contextPath}/updateAddress.do",
                data:alldata,
                success:function(result){
                    if (result.flag){
                        alert("修改成功");
                    }

                }
            })
        })

//新建地址
        $("#btn05").click(function () {
          var addata = $("#checkout_form").serializeArray();
            $.ajax({
                type:"get",
                url:"insertAddress.do",
                data:addata,
                success:function (result) {
                var str="";
                $.each(result,function (i,n) {
                    str+='<input type="checkbox" style="width: 12px;height: 12px" name="addressid" value="'+n.addressid+'"><label style="font-size: 14px"> ****'+n.address+'*****</label><button type="button" id="btn11" value="'+n.addressid+'">修改</button> <br>';
                })
                $("#myad").html(str);

                }
            })
        })

//编辑个人信息
        $("#orderInsert").click(function () {

            var coment='<div class="checkout_title">个人信息</div>';
                    coment+='<input type="hidden" value="${cus.cid}" name="cid">';
            coment+='<ul class="cart_extra_total_list" >';
            coment+='<li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">头像</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto">无</div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">姓名</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="cname" value="${cus.cname}"/></div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">帐号</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="caccount" value="${cus.caccount}"/></div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">邮箱</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="cemail" value="${cus.cemail}"/></div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">电话</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="cphone" value="${cus.cphone}"/></div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">性别</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="csex" value="${cus.csex}"/></div>';
            coment+='                                        </li>';
            coment+='                                        <li class="d-flex flex-row align-items-center justify-content-start">';
            coment+='                                            <div class="cart_extra_total_title">个性签名</div>';
            coment+='                                            <div class="cart_extra_total_value ml-auto"><input type="text" name="cdesc" value="${cus.cdesc}"/></div>';
            coment+='                                        </li>';
            coment+='                                         </ul>';
            coment+='                                    <div class="checkout_button trans_200" id="cusinsert"><a href="javascript:void(0)">保存</a></div>';
                        $("#ulid").html(coment);





            $("#cusinsert").click(function () {
                var fdata = $("#hhh").serializeArray();
                $.ajax({
                    type:"get",
                    url:"updateCus.do",
                    data:fdata,
                    success:function (cus) {

                        var str01='<div class="checkout_title">个人信息</div>';
                        str01+= '<input type="hidden" value="'+cus.cid+'" name="cid">';
                        str01+='                                    <ul class="cart_extra_total_list" >';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">头像</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.cimage+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">姓名</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.cname+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">昵称</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.caccount+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">邮箱</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.cemail+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">电话</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.cphone+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">性别</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.csex+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                        <li class="d-flex flex-row align-items-center justify-content-start">';
                        str01+= '                                            <div class="cart_extra_total_title">个性签名</div>';
                        str01+= '                                            <div class="cart_extra_total_value ml-auto">'+cus.cdesc+'</div>';
                        str01+= '                                        </li>';
                        str01+= '                                    </ul>';
                        str01+= '                                    <div class="checkout_button trans_200" id="orderInsert"><a href="javascript:void(0)">编辑</a></div>';
                        $("#ulid").html(str01);

                    }
                })
            })

        })








    })
</script>
</body>
</html>

